<?php
/**
 * Created by PhpStorm.
 * User: hcadmin
 * Date: 16/12/29
 * Time: 下午1:14
 */
use app\assets\AppAsset;
$baseUrl = Yii::$app->request->baseUrl;
AppAsset::addCss($this,$baseUrl."css/web_home.css");
AppAsset::addCss($this,$baseUrl."css/swiper-3.4.1.min.css");
AppAsset::addScript($this, $baseUrl . "/js/swiper-3.4.1.jquery.min.js");
?>


<style>
    .news-desc{
        text-align: center;
        color: #fff;
        margin-top: 20px;
    }
    .news-desc span{
        font-size: 20px;
    }
    .news-thrid{
        margin-top: 230px;
    }
    .news-forth{
        margin-top: 180px;
    }

    @media(max-width:768px)  {
        .news-img{
            margin-left: auto;
            margin-right: auto;
        }
        .news-thrid{
            margin-top: 90px;
        }
        .news-forth{
            margin-top: 120px;
        }
    }




</style>

<div class="section clearfix " style="width: 100%">
    <img class="lazy section-slogan img-responsive img-full" data-src="../../img/shouyePoster.png" src="../../img/shouyePoster.png" alt="大学生创业教育"/>
</div>

<div class="section " style="background-color:rgb(35,35,37)">
    <div class="container " data-animation-effect="fadeIn">
        <div class="row" id="js_news_content" style="padding-top: 120px;padding-bottom: 150px;">
            <div class="col-md-2 col-xs-10 col-md-offset-2 col-xs-offset-1">
                <img class="news-img" src="../../img/yanjiu.png" data-src="../../img/yanjiu.png" alt="研究" style="text-align: center">

                <div class="news-desc text-left">
                    <span>研究</span>
                    <br/>
                    RESEARCH
                </div>
            </div>
            <div class="col-md-2 col-xs-10  col-md-offset-1 col-xs-offset-1 ">
                <img class="news-img" src="../../img/jiaoyu.png" data-src="../../img/jiaoyu.png" alt="教育" >


                <div class="news-desc text-left">
                    <span>教育</span>
                    <br/>
                    EDUCATION

                </div>

            </div>
            <div class="col-md-2 col-xs-10 col-md-offset-1 col-xs-offset-1 ">
                <img class="news-img" src="../../img/service.png" data-src="../../img/service.png" alt="服务">

                <div class="news-desc text-left" style="color: #fff">
                    <span>服务</span>
                    <br/>
                    SERVICE

                </div>

            </div>
        </div>

    </div>
</div>


<div class="school-news col-md-12 col-xs-12" style="background-color: rgb(108,195,114)">
     <div class="news-title ">
         <div style="text-align: center;font-size: 18px;font-weight: lighter;padding-top: 70px; ">SCHOOL OF JOURNALISM</div>
         <div style="text-align: center;margin-top: 30px;margin-bottom: 50px;">学院新闻</div>
     </div>
    <div class="col-md-3 col-md-offset-1 col-xs-12">
        <img src="../../img/test1.jpeg">
        <div>
            <h5 style="margin-top: 30px;">中心领导得参加教育部工商管理类专业教学指导委员会</h5>
            <h8>2016年12月8日</h8>
            <div style="margin-top: 30px;">
                教育部姐姐电视剧电视剧还是觉得合适就很好
                教育部姐姐电视剧电视剧还是觉得合适就很好
                教育部姐姐电视剧电视剧还是觉得合适就很好
            </div>
            <div><input style="width: 30%;height: 30px;background-color:rgb(228,86,81);color: #fff;border-style: none ;text-align: center;margin-top: 70px;" value="查看详情"></div>
        </div>
    </div>

    <div class="col-md-6 col-md-offset-1 col-xs-12 ">
         <div class="news-content col-md-12" style="padding-bottom: 10px;margin-bottom:15px;border-bottom: 1px solid #000">
             <div class="news-time col-md-2">
                 <h2 class="">19</h2>
                 <h7 class="">2016-12 </h7>
             </div>
             <div class="new-text col-md-9 col-md-offset-1">
                 <h4>中心领导参加教育部工商管理类专业教学指导委员会工商管理</h4>
                 <h7> 本次会议由教育部门本次会议由教育部门本次会议由教育部门本次会议由教育部门本次会议由教育部门</h7>
             </div>
         </div>
        <div class="news-content col-md-12"  style="padding-bottom: 10px;margin-bottom:15px;border-bottom: 1px solid #000">
            <div class="news-time col-md-2">
                <h2 class="">19</h2>
                <h7 class="">2016-12 </h7>
            </div>
            <div class="new-text col-md-9 col-md-offset-1">
                <h4>中心领导参加教育部工商管理类专业教学指导委员会工商管理</h4>
                <h7> 本次会议由教育部门本次会议由教育部门本次会议由教育部门本次会议由教育部门本次会议由教育部门</h7>
            </div>
        </div>
        <div class="news-content col-md-12"  style="padding-bottom: 10px;margin-bottom:15px;border-bottom: 1px solid #000">
            <div class="news-time col-md-2">
                <h2 class="">19</h2>
                <h7 class="">2016-12 </h7>
            </div>
            <div class="new-text col-md-9 col-md-offset-1">
                <h4>中心领导参加教育部工商管理类专业教学指导委员会工商管理</h4>
                <h7> 本次会议由教育部门本次会议由教育部门本次会议由教育部门本次会议由教育部门本次会议由教育部门</h7>
            </div>
        </div>

        <div class="news-content col-md-12" style="padding-bottom: 10px;margin-bottom:15px;border-bottom: 1px solid #000">
            <div class="news-time col-md-2">
                <h2 class="">19</h2>
                <h7 class="">2016-12 </h7>
            </div>
            <div class="new-text col-md-9 col-md-offset-1">
                <h4>中心领导参加教育部工商管理类专业教学指导委员会工商管理</h4>
                <h7> 本次会议由教育部门本次会议由教育部门本次会议由教育部门本次会议由教育部门本次会议由教育部门</h7>
            </div>
        </div>


    </div>

</div>


<div class="all-activity col-md-12 col-xs-12" style="height: 800px; background: url(../../img/activity_background.png) no-repeat center ; " >
    <div class="all-title col-md-12 col-xs-12" style="text-align: center;margin-top: 100px;">
        <h4>全部活动</h4>
    </div>

     <div class="col-md-6  col-xs-6">
         <div class="col-md-offset-5 col-xs-offset-4" style="margin-top: 200px">2016年12月8日 上午9点   地点: 国际创业学院百森教室
         <br/>
             <h4>湖州女性创业活动</h4>
         </div>
         <div class="col-md-offset-5 col-xs-offset-4 news-thrid" style="">2016年12月8日 上午9点   地点: 国际创业学院百森教室
             <br/>
             <h4>湖州女性创业活动</h4>
         </div>
     </div>

    <div class="col-md-6 col-xs-6">
        <div class="col-md-offset-2 col-xs-offset-2" style="margin-top: 80px">2016年12月8日 上午9点   地点: 国际创业学院百森教室
            <br/>
            <h4>湖州女性创业活动</h4>
        </div>
        <div class="col-md-offset-2 col-xs-offset-2 news-forth" style="">2016年12月8日 上午9点   地点: 国际创业学院百森教室
            <br/>
            <h4>湖州女性创业活动</h4>
        </div>

    </div>



</div>

<div class="key-project col-md-12 col-xs-12" style="height: 400px;">
    <div class="all-title col-md-12 col-xs-12" style="text-align: center;margin-top: 100px;">
        <h2>KEY PROJECTS</h2>
        <h4>重点项目</h4>
    </div>

    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide ">
                <img src="../../img/baiwanjiaqiye.png" class=""  style="width: 10%;margin-left: 1%" >
                <img src="../../img/baiwanjiaqiye.png" style="width: 10%;margin-left: 10%" >
                <img src="../../img/baiwanjiaqiye.png" style="width: 10%;margin-left: 10%" >
                <img src="../../img/baiwanjiaqiye.png"  style="width: 10%;margin-left: 10%">
            </div>
            <div class="swiper-slide">
                <img src="../../img/baiwanjiaqiye.png" class=""  style="width: 10%;margin-left: 1%" >
                <img src="../../img/baiwanjiaqiye.png" style="width: 10%;margin-left: 10%" >
                <img src="../../img/baiwanjiaqiye.png" style="width: 10%;margin-left: 10%" >
                <img src="../../img/baiwanjiaqiye.png"  style="width: 10%;margin-left: 10%">
            </div>
            <div class="swiper-slide ">
                <img src="../../img/baiwanjiaqiye.png" class=""  style="width: 10%;margin-left: 1%" >
                <img src="../../img/baiwanjiaqiye.png" style="width: 10%;margin-left: 10%" >
                <img src="../../img/baiwanjiaqiye.png" style="width: 10%;margin-left: 10%" >
                <img src="../../img/baiwanjiaqiye.png"  style="width: 10%;margin-left: 10%">
            </div>


        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>

</div>











<div class="key-project col-md-12 col-xs-12" style="height: 550px;margin-top: 200px;">
    <div class="all-title col-md-12 col-xs-12" style="text-align: center;margin-top: 100px;">
        <div class="col-md-2 col-md-offset-2" style="border: 1px solid red ;color: red;height: 30px;line-height: 30px;margin-top: 20px;">
            合作院校
        </div>
        <div class="col-md-2 col-md-offset-1" style="border: 1px solid red ;color: red;height: 30px;line-height: 30px;margin-top: 20px;">
            合作机构
        </div>
        <div class="col-md-2 col-md-offset-1" style="border: 1px solid red ;color: red;height: 30px;line-height: 30px;margin-top: 20px;">
            合作网站
        </div>
    </div>

    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide " style="height: 520px;">
                <div class="col-md-2" style="height: 255px;">
                   <img src="../../img/zhejiangcollage.jpeg">
                   <img src="../../img/henanCollege.jpeg">
                </div>
                <div class="col-md-2" style="height: 255px;">
                    <img src="../../img/hunanCollege.jpeg">
                    <img src="../../img/cambridge.jpeg">
                </div>
                <div class="col-md-2" style="height: 255px;">
                    <img src="../../img/jiangnanCollege.jpeg">
                    <img src="../../img/kingston.jpeg">
                </div>
                <div class="col-md-2" style="height: 255px;">
                    <img src="../../img/Oxford.jpeg">
                    <img src="../../img/shanghaijiaotong.jpeg">
                </div>

            </div>
            <div class="swiper-slide " style="height: 520px;">
                <div class="col-md-2" style="height: 255px;">
                    <img src="../../img/stanford.jpeg">
                    <img src="../../img/weinisidongfang.jpeg">
                </div>
                <div class="col-md-2" style="height: 255px;">
                    <img src="../../img/hongkongligong.jpeg">
                    <img src="../../img/singaporeguanli.jpeg">
                </div>
                <div class="col-md-2" style="height: 255px;">
                    <img src="../../img/cambridge.jpeg">
                    <img src="../../img/chinaArt.jpeg">
                </div>
                <div class="col-md-2" style="height: 255px;">
                    <img src="../../img/zhejiangcollage.jpeg">
                    <img src="../../img/zhejiangligong.jpeg">
                </div>

            </div>
            <div class="swiper-slide " style="height: 520px;">
                <div class="col-md-2" style="height: 255px;">
                    <img src="../../img/zhejianggongye.jpeg">
                    <img src="../../img/zhejiangcollage.jpeg">
                </div>
                <div class="col-md-2" style="height: 255px;">
                    <img src="../../img/cambridge.jpeg">
                    <img src="../../img/chinaArt.jpeg">
                </div>
                <div class="col-md-2" style="height: 255px;">
                    <img src="../../img/jiangnanCollege.jpeg">
                    <img src="../../img/kingston.jpeg">
                </div>
                <div class="col-md-2" style="height: 255px;">
                    <img src="../../img/hunanCollege.jpeg">
                    <img src="../../img/cambridge.jpeg">
                </div>

            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>


</div>


<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 2500,
        autoplayDisableOnInteraction: false
    });

</script>